<extend name="Layout/ins_popup" />
<block name="content">
	<style type="text/css">
		body, html {
			font-family: "微软雅黑";
		}
		#allmap {
			width: 100%;
			height: 390px;
		}
	</style>
	<div class="popup-frame">
		<div class="popup-header">
			<div class="pull-left">
				<h1>【{$user_info.name}】{$vo.type|sign_type}时间：{$vo.sign_date}</h1>
			</div>
			<div class="pull-right">
				<a class="btn btn-return" id='btn_close'>关闭</a>
			</div>
		</div>
		<div class="popup-body">
			<div class="popup-body-scroll">
				<div class="popup-content">
					<div id="allmap"></div>
				</div>
			</div>
		</div>
	</div>
</block>
<block name="js">
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=EE6745c36d96321e90b7015f3de4a4ee"></script>
	<script type="text/javascript">
		var index = parent.layer.getFrameIndex(window.name);
		layui.use(['global'], function() {
			var $ = layui.jquery;
			
			

			// 百度地图API功能
			var map = new BMap.Map("allmap");
			var point = new BMap.Point("{$vo.longitude}", "{$vo.latitude}");
			var marker = new BMap.Marker(point);
			// 创建标注
			map.addOverlay(marker);
			// 将标注添加到地图中
			map.centerAndZoom(point, 17);

			$('#btn_close').on('click', function() {
				parent.layer.close(index);
			});
		});

	</script>
</block>